<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

    <body>
        <div>TODO write content</div>
    </body>
    <h:form> 
        <h:panelGrid> 
            <rich:select defaultLabel="Click to select items type" value="#{selectBean.currentType}"  valueChangeListener="#{selectBean.valueChanged}"> 
                <f:selectItems value="#{selectBean.firstList}" /> 
                <a4j:ajax event="selectitem" render="second" execute="@this" /> 
            </rich:select>
            <rich:panel id="panel">
            <a4j:outputPanel id="second" layout="block"> 
                <rich:select value="#{selectBean.currentType}"  
                             defaultLabel="Click to select item"  
                             rendered="#{not empty selectBean.currentType}"> 
                    <f:selectItems value="#{selectBean.secondList}" /> 
                </rich:select> 
            </a4j:outputPanel>
            </rich:panel>   
        </h:panelGrid> 
    </h:form> 
</html>
